<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="css/vue.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<style>
			
		</style>
	</head>
	<body>
		<div class="index">
			<!--模块头部 start-->
			<div class="indexHead">
				<div class="loginHeadContent">
					<div class="fl">
						<a href="javascript:void(0);"><img src="img/indexLogo.png" class="houseLogo"/></a>
					</div>
					<div class="fr">
						<div class="aGroup">
							<a class="loginMenu" href="javascript:void(0);">项目圈</a>
							<a class="loginMenu" href="javascript:void(0);">材料数据库</a>
							<a class="loginMenu" href="javascript:void(0);">计算工具</a>
							<div class="clear"></div>
						</div>
						<div class="btnGroup">
							<a class="btn" href="javascript:void(0);">注册</a>
							<a class="btn" href="javascript:void(0);">登录</a>
							<div class="clear"></div>
						</div>
						<div class="clear"></div>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<!--模块尾部 end-->
			
			<!--banner头部 start-->
			<div class="banner">
				<div class="bannerContent">
					<div class="bannerText">
						<div class="bannerTitle">室内空气质量预评价平台</div>
						<div class="bannerLittleTitle">
							<p>不仅是工具，</p>
							<p>更是室内全新工作方式 </p>
						</div>
						<div class="bannerDec">
							<p>我们提供可靠的预测工具，革命性以居住健康为主线，</p>
							<p>改变传统设计思维，材料采购方式和施工管理目标，</p>
							<p>为营造高品质的室内环境把好工程每一道关口</p>
						</div>
					</div>
					<div class="bannerLogo">
						<img src="img/banner01.png"/>
					</div>
					<div class="clear"></div>
				</div>
				<img src="img/indexWave.png" class="bannerAnimation"/>
				<!--<div id="canvas-cont">
				  	<canvas class="waterwave-canvas" style="height: 390px !important;width: 100% !important;"></canvas>
				  	<canvas class="waterwave-canvasCopy" style="position:relative;top: -24px;height: 390px !important;width: 100% !important;margin-top:-600px;"></canvas>
				</div>-->
			</div>
			<!--banner尾部 end-->
			
			<!--whatWeDo start-->
			<div class="whatWeDo">
				<div class="whatWeDoContent">
					<div class="whatWeDoTitle">我们能做什么</div>
					<div class="whatWeDoDec">
						<div class="whatWeDoDetail">
							<img src="img/indexDetail1.png"/>
							<div class="whatWeDoInfo">
								<div class="whatWeDoInfoTitle">项目协同管理</div>
								<p>统筹项目需求、方案设计、材料供应、施工实施</p>
								<p>，建立在线材料运转路径，明确项目各方责任，</p>
								<p>动态管控空气污染风险</p>
							</div>
						</div>
						<div class="whatWeDoDetail">
							<img src="img/indexDetail2.png"/>
							<div class="whatWeDoInfo">
								<div class="whatWeDoInfoTitle">材料数据库</div>
								<p>广泛测定当前市场建材家具污染特性，建设面</p>
								<p>向全社会的材料环保性能开放数据库，为用户</p>
								<p>提供透明可靠的材料信息</p>
							</div>
						</div>
						<div class="whatWeDoDetail lastWhatWeDoDetail">
							<img src="img/indexDetail3.png"/>
							<div class="whatWeDoInfo">
								<div class="whatWeDoInfoTitle">设计预测优化</div>
								<p>预测室内空气质量变化趋势，计算实时污染负</p>
								<p>荷，解析污染源头，输出控制要求，精确优化</p>
								<p>设计方案</p>
							</div>
						</div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
			<!--whtaWeDo end-->
			
			<!--grades start-->
			<div class="grades">
				<div class="gradesContent">
					<div class="gradesDecBox">
						<div class="gradesDec">
							<img src="img/grade1.png" class="wid100"/>
						</div>
						<div class="gradeTitle">已收录材料数据</div>
					</div>
					<div class="gradesDecBox lastGradesDecBox">
						<div class="gradesDec">
							<img src="img/grade2.png" class="wid100"/>
						</div>
						<div class="gradeTitle">已接入项目</div>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<!--grades end-->
			
			<!--cooperation start-->
			<div class="cooperation">
				<div class="cooperationTitle">正在使用</div>
				<div class="cooperationList">
					<div class="wid100">
						<div class="cooperationBusinessBox">
							<div class="cooperationBusiness">
								<img src="img/cooperationBusiness1.png"/>
							</div>
						</div>
						<div class="cooperationBusinessBox">
							<div class="cooperationBusiness">
								<img src="img/cooperationBusiness2.png"/>
							</div>
						</div>
						<div class="cooperationBusinessBox">
							<div class="cooperationBusiness">
								<img src="img/cooperationBusiness3.png"/>
							</div>
						</div>
						<div class="cooperationBusinessBox">
							<div class="cooperationBusiness">
								<img src="img/cooperationBusiness4.png"/>
							</div>
						</div>
						<div class="cooperationBusinessBox">
							<div class="cooperationBusiness">
								<img src="img/cooperationBusiness5.png"/>
							</div>
						</div>
						<div class="cooperationBusinessBox lastCooperationBussinessBox">
							<div class="cooperationBusiness">
								<img src="img/cooperationBusiness6.png"/>
							</div>
						</div>
						<div class="clear"></div>
					</div>
					<div class="wid100 mt20">
						<div class="cooperationBusinessBox">
							<div class="cooperationBusiness">
								<img src="img/cooperationBusiness7.png"/>
							</div>
						</div>
						<div class="cooperationBusinessBox">
							<div class="cooperationBusiness">
								<img src="img/cooperationBusiness8.png"/>
							</div>
						</div>
						<div class="cooperationBusinessBox">
							<div class="cooperationBusiness">
								<img src="img/cooperationBusiness9.png"/>
							</div>
						</div>
						<div class="cooperationBusinessBox">
							<div class="cooperationBusiness">
								<img src="img/cooperationBusiness10.png"/>
							</div>
						</div>
						<div class="cooperationBusinessBox">
							<div class="cooperationBusiness">
								<img src="img/cooperationBusiness11.png"/>
							</div>
						</div>
						<div class="cooperationBusinessBox lastCooperationBussinessBox">
							<div class="cooperationBusiness">
								<img src="img/cooperationBusiness12.png"/>
							</div>
						</div>
						<div class="clear"></div>
					</div>
					<div class="wid100 mt20">
						<div class="cooperationBusinessBox">
							<div class="cooperationBusiness">
								<img src="img/cooperationBusiness13.png"/>
							</div>
						</div>
						<div class="cooperationBusinessBox">
							<div class="cooperationBusiness">
								<img src="img/cooperationBusiness14.png"/>
							</div>
						</div>
						<div class="cooperationBusinessBox">
							<div class="cooperationBusiness">
								<img src="img/cooperationBusiness15.png"/>
							</div>
						</div>
						<div class="cooperationBusinessBox">
							<div class="cooperationBusiness">
								<img src="img/cooperationBusiness16.png"/>
							</div>
						</div>
						<div class="cooperationBusinessBox">
							<div class="cooperationBusiness">
								<img src="img/cooperationBusiness17.png"/>
							</div>
						</div>
						<div class="cooperationBusinessBox lastCooperationBussinessBox">
							<div class="cooperationBusiness">
								<img src="img/cooperationBusiness18.png"/>
							</div>
						</div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
			<!--cooperation end-->
			
			<!--workWay start-->
			<div class="workWay">
				<div class="workWayContent">
					<div class="workWayLeft">
						<div class="workWayTitle">开启室内设计全新的工作方式</div>
						<button class="registerRightAway">立即注册</button>
					</div>
					<div class="workWayRight">
						<img src="img/workWayRight.png"/>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<!--workWay end-->
			
			<!--footer start-->
			<div class="footer">
				<div class="footerContent">
					<div class="footerLeft">Copyright © 2008 - 2017 深圳市建筑科学研究院 All Rights Reserved</div>
					<div class="footerRight">
						<a class="" href="javascript:void(0);">常见问题</a>
						<a class="" href="javascript:void(0);">联系我们</a>
						<a class="" href="javascript:void(0);">关于我们</a>
						<div class="clear"></div>
					</div>
				</div>
			</div>
			<!--footer end-->
		</div>
	</body>
	<script type="text/javascript" src="js/jquery.min.js"></script>
<!--	<script type="text/javascript" src="js/jquery.waterwave.js"></script>
	<script type="text/javascript">
		$(function(){
		    var box = $(".waterwave-canvas").waterwave({
		        direction: 'up',
		        color:'#f00',
		       	background: 'img/indexWave1.png',
		    });
		    var box = $(".waterwave-canvasCopy").waterwaveCopy({
		        direction: 'up',
		       	background: 'img/indexWave.png',
		    });
		});
	</script>-->
</html>
